<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			img {
				margin: 300px 0 0 500px;
				width: 300px;
				/*
					1. 位置 right 右, left 左, above 上方, below 下方
					2. 倒影距离元素的位置
					3. 蒙版
 				*/
				-webkit-box-reflect: left 100px radial-gradient(300px circle at 100px 100px, transparent, blue);
			}

		</style>
	</head>
	<body>

		<img src="ls.jpg" alt="">
		
	</body>
</html>